<template>
  <div class="header_container">
    <img src="logo.png" alt="" />
    <div></div>
    <ul>
      <li>首页</li>
      <li>新手入门</li>
      <li>API</li>
      <li>关于</li>
      <li>注册</li>
      <li>登录</li>
    </ul>
  </div>
</template>
<style lang="scss" scoped>
.header_container {
  width: 100%;
  height: 100%;
  background: #444444;
  box-sizing: border-box;
  padding: 0 0.3rem;
  img {
    margin-top: 2%;
    height: 25%;
  }
  div {
    width: 60%;
    height: 25%;
    background: gray;
    border-radius: 5rem;
    margin: 1% 0;
  }
  ul {
    width: 100%;
    height: 30%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: gray;
  }
}
</style>